<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<!--//1.当前文件中要插入的地方使用此结构：-->
<div class="include" file="head.html"></div>
<div class="include" file="section1.html"></div>
<div class="include" file="section2.html"></div>
<div class="include" file="foot.html"></div>

<!--//2.***.html中放入内容，用html格式仅仅因为会有编辑器的书写辅助。。-->

<!--//3.代码：-->
<script>
    $(".include").each(function() {
        if (!!$(this).attr("file")) {
            var $includeObj = $(this);
            $(this).load($(this).attr("file"), function(html) {
                $includeObj.after(html).remove(); //加载的文件内容写入到当前标签后面并移除当前标签
            })
        }
    });
</script>
<!--或者在index文件里只写重复部分，剩下的一股脑放各自单独文件 load() 进来~-->